@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{padding:0;margin:0;font-size:12px;font-weight:400;box-sizing:border-box;line-height:1.6;font-family: 'Lexend', sans-serif;font-family: 'Noto Sans KR', sans-serif;color:#313131;word-break:normal;}
body{width:100%;}
ul, ol{list-style:none;}
a{text-decoration:none;color:inherit;}
img{border:none;max-width:100%;}
li {list-style: none;}

/* 공통 common */
.inner{width:100%; padding:0 8%; margin: 0 auto;}
.flex_wrap{display:flex;justify-content:space-between; flex-wrap: wrap;}
#main .btn{color:#fff;border:1px solid rgba(255,255,255,.5);height:50px;line-height:50px;padding:0 28px;display:inline-block;background: linear-gradient(270deg, #1daf45, #1daf45, rgba(34,34,34,0), rgba(34,34,34,0));background-position: 1% 50%;background-size: 300% 300%;}
#main .btn:hover {color: #fff;border-color:#1daf45;background-position: 100% 50%;}

/* 헤더 header */
.inner.logo {text-align: center;padding-top: 52px;}
header.header{width:100%;position:fixed;z-index:999;background:#fff;}
/*header.header::before {content: '';position: absolute;bottom: -98px;left: 0;background: url(../Img/header_bottom.png)repeat-x;width: 100%;height: 99px;}*/
header.header>.inner{width:100%; padding: 0;height:49px;background: #fff;text-align: center;}
header.header .logo{z-index:101;}
header.header .gnb_wrap {display: flex;justify-content: center;margin-top: 37px;}
header.header .gnb_wrap .gnb {display: flex;}
header.header .gnb_wrap .gnb>li {display: flex; margin-right: 34px; padding: 0 6px; transition:.5s;background: url(../Img/tit_line.jpg)-120px 9px;background-repeat: no-repeat;}
header.header .gnb_wrap .gnb>li:last-child {margin-right: 0;}
header.header .gnb_wrap .gnb>li a{color: #6b1686;font-weight: 500;font-size: 13px;}
header.header .gnb_wrap .gnb>li:hover {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}
header.header .gnb_wrap .gnb>li.select {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}

header.header a.logo img { width: 141px;}

#about header.header .gnb_wrap .gnb>li.select01  {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}
#portfolio header.header .gnb_wrap .gnb>li.select02  {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}
#portfolio1 header.header .gnb_wrap .gnb>li.select02  {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}
#contact header.header .gnb_wrap .gnb>li.select03  {background: url(../Img/tit_line.jpg)0px 9px;background-repeat: no-repeat;}

header.header .toggle_menu_btn{display: none;position:relative;width:34px;height:34px; border: 1px solid #000; border-radius:0 9px 0 9px; z-index:103; transition: .5s; cursor: pointer;}
header.header .toggle_menu_btn:hover {border:1px solid #6b1686; background: #6b1686; color: #fff;}
header.header .toggle_menu_btn:hover span:nth-child(2) {color: #fff;}
header.header .toggle_menu_btn span{position:absolute;height:3px;width:100%;transition: .5s;}
header.header .toggle_menu_btn span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg); opacity: 0;}
header.header .toggle_menu_btn span:nth-child(2){/* top: calc(50% - 1px); */top: 3px;left: 9px;font-weight: 700;}
header.header .toggle_menu_btn span:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg); opacity: 0;}
header.header .toggle_menu_btn.active {border:1px solid #6b1686; background: #6b1686; color: #fff;}
header.header .toggle_menu_btn.active span {background:#fff;}
header.header .toggle_menu_btn.active span:nth-child(1){opacity: 1;}
header.header .toggle_menu_btn.active span:nth-child(2){display:none;}
header.header .toggle_menu_btn.active span:nth-child(3){opacity: 1;}


header.header .toggle_menu{display:none;position:fixed;top:0;left:0;background:rgba(0, 0, 0, 47%);width:100%;height:100vh;z-index:101;}
header.header .toggle_menu .toggle_bg {background: #fff;width: 566px;height: 100%;float: right;padding: 42px 67px;position: relative;}
header.header .toggle_menu .toggle_gnb {margin-top: 200px;}
header.header .toggle_menu .toggle_gnb li {margin-bottom: 10px;}
header.header .toggle_menu .toggle_info {position: absolute;bottom: 77px;}
header.header .toggle_menu .toggle_info li.spe {margin-bottom: 39px;}
header.header .toggle_menu .toggle_info li {font-size:14px; color: #707070;letter-spacing: -0.03em; margin-bottom: 10px;}
header.header .toggle_menu .toggle_info li strong {font-size:14px;color: #444; font-weight: 700;}
header.header .toggle_menu ul li a{font-size: 41px;font-weight: 500;transition: .5s}
header.header .toggle_menu ul li a:hover{color:#6b1686;}
header.header .toggle_menu>ul>li{margin-bottom:10px;padding-bottom:10px;}
header.header .toggle_menu .toggle_depth2 {flex-wrap: wrap; overflow: hidden; border-top: 1px solid rgba(255,255,255,.2);padding-top: 8px;}
header.header .toggle_menu .toggle_depth2>li {width: 50%; float: left;}
header.header .toggle_menu .toggle_depth2 a{font-size:15px;color:rgba(255,255,255,.5);}
header.header .toggle_menu.active{display:block;}

.call_menu {width: 50px; height: 50px;z-index: 50; background: url(../Img/call_off.jpg); border-radius: 100%; position: fixed; margin-top: 60px; top: 50%; right:52px; transition: .3s;cursor: pointer;}
.call_menu>ul {display: none;position: absolute;width: 200px; bottom: -94px; right: 0; text-align: end;}
.call_menu>ul>li>a{font-size: 25px;letter-spacing: 0.05em;font-weight: 100; line-height: 42px; transition: .5s; }
.call_menu>ul>li>a:hover {color: #6eb92b;}
.call_menu.respon ul{display: block;}
.call_menu.respon {background: url(../Img/call.jpg);}
.call_menu:hover {background: url(../Img/call.jpg);box-shadow: 0 16px 14px rgb(0 0 0 / 13%);}

.left_menu {position: fixed; top: 50%; right: 52px; z-index: 50; margin-top: -77px;}
.left_menu ul li {width: 50px; height: 50px;z-index: 50;transition: .3s;border-radius: 100%;margin-bottom: 20px;cursor: pointer;}
.left_menu ul li:hover {box-shadow: 0 16px 14px rgb(0 0 0 / 13%);}
.left_menu ul li.left_add {background: url(../Img/left_add_off.png);}
.left_menu ul li.left_mail {background: url(../Img/left_mail_off.jpg);}
.left_menu ul li.left_add:hover {background: url(../Img/left_add.jpg);}
.left_menu ul li.left_mail:hover {background: url(../Img/left_mail.jpg);}
/*
.left_menu {position: fixed; top: 50%; right: 72px; z-index: 50; margin-top: -77px;}
.left_menu ul li {width: 57px; height: 57px;z-index: 50;transition: .3s;border-radius: 100%;margin-bottom: 20px;cursor: pointer;/*box-shadow: 0 16px 14px rgb(0 0 0 / 13%);}
.left_menu ul li.left_add {background: url(../Img/left_add1.jpg)-59px 0px;}
.left_menu ul li.left_mail {background: url(../Img/left_mail2.png)-59px 0px;}
.left_menu ul li.left_add:hover {background: url(../Img/left_add1.jpg)0px 0px;}
.left_menu ul li.left_mail:hover {background: url(../Img/left_mail2.png)0px 0px;}
*/

/*메인*/
section.section01 {margin-bottom: 93px;text-align: center;}
section.section01 .main_tit {font-size:19px; font-weight: 900;margin-bottom: 12px;letter-spacing: -0.04em;display: none}
section.section01 .main_txt {font-size: 15px;letter-spacing: -0.06em;display: none;}

section.section02 {margin-bottom: 142px;}
section.section02 .flex_wrap {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 14px;}
section.section02 .flex_wrap .flex_box {}
section.section02 .flex_wrap .flex_box .img_box {transition: .5s;}
section.section02 .flex_wrap .flex_box .img_box:hover {filter: drop-shadow(10px 27px 14px #31313123);}
section.section02 .flex_wrap .flex_box .img_box img {width: 100%;}
section.section02 .flex_wrap .flex_box:nth-child(4n) {margin-right: 0;}
section.section02 .flex_wrap .flex_box .cont_tit {font-size: 13px;font-weight: 600;margin-top: 10px;float: left;margin-right: 10px;display: none;}
section.section02 .flex_wrap .flex_box .cont_txt {font-size: 12px;margin-top: 10px;display: none;}


.jd-slider {
    margin: 50px 0;
}

.jd-slider .slide-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 1px solid #e5e5e5;
}

.jd-slider .slide-area > li {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    text-align: center;
}

.jd-slider .slide-area > li:first-child {
    border-left: 1px solid #888;
}

.jd-slider .slide-area > li > a {
    display: block;
    height: 200px;
    line-height: 200px;
    font-size: 3em;
    font-weight: bold;
    outline: 0;
}

.jd-slider .controller {
    margin: 10px 0 0;
}

/**/

.cont_sub {padding-top: 231px;}
.cont_sub .top_wrap {text-align: center;}
.cont_sub p.big_tit {font-size: 15px;text-align: center;}
.cont_sub p.big_tit strong {font-weight: 600;font-size: 15px;}
.cont_sub p.small_tit {font-size: 12px; color: #585858;letter-spacing: -0.03em;padding-top: 20px;}


.cont_sub h2 {font-size: 20px; font-weight: 800; text-align: center;padding: 170px 0 24px 0;}
.cont_sub p{letter-spacing: -0.02em; /*width: 1160px;*/ margin: 0 auto;}
.cont_sub p.tit {font-size:18px; font-weight: 600;text-align: center;color: #6b1686;}
.cont_sub p.tit2 {font-size:18px;line-height: 20px;    margin-bottom: 20px;}
.cont_sub p.tit2 strong {font-size:18px; font-weight: 500; letter-spacing: -0.02em;}
.cont_sub .flex_wrap .flex_box {border: 1px solid #e5e5e5;width: calc(33.33% - 20px);padding: 32px 50px;}
.cont_sub .flex_wrap .flex_box img {margin: 25px auto; display: block; text-align: center;}
.cont_sub .flex_wrap .flex_box_cont02 {text-align: center;margin-top: 28px;}
.cont_sub .flex_wrap2 .flex_box {margin-bottom: 35px;}

.cont_sub .table_wrap {border-top:2px solid #333;}
.cont_sub .table_box {display: flex;padding: 54px 32px;border-bottom: 1px solid #e6e6e6;}
.cont_sub .table_tit {display: flex;}
.cont_sub .table_tit li {font-size: 18px;font-weight: 600;}
.cont_sub .table_tit li.no {color: #6b1686; font-weight: 900; margin-right: 19px;}
.cont_sub .table_tit li.area {width: 259px;}
.cont_sub .table_txt li {font-size: 12px;font-weight:400;letter-spacing: -0.04em;}
.cont_sub .table_txt li span {font-size: 18px;padding-bottom: 13px;display: block;}
.cont_sub .table_txt li span b {font-size: 18px;font-weight: 600;}

.cont_sub .table02_wrap {background: url(../Img/about_bg.jpg)center top / cover; display: flex;flex-wrap: wrap;padding: 118px 20%;margin-bottom: 116px;}
.cont_sub .table02_wrap table {width:50%;}
.cont_sub .table02_wrap table tbody {vertical-align: baseline; text-align: left;}
.cont_sub .table02_wrap table.ceo_ta01 .weight {font-weight: 600;width: 143px;}
.cont_sub .table02_wrap table.ceo_ta01 .ta_tit01 {font-size: 23px; font-weight: 600; padding-bottom: 36px;}
.cont_sub .table02_wrap table td,th {color: #fff;font-size: 15px;padding: 3px 0;}
.cont_sub .table02_wrap table.ceo_ta02 {padding-top: 73px;}
.cont_sub .table02_wrap table.ceo_ta03 {padding-top: 38px;}


.bott_txt {text-align: center;margin-top: 100px;}
.bott_txt p.txt {text-align: center;font-size: 14px;font-weight: 800;background: url(../Img/txt_line.jpg)0 13px;display: inline;background-repeat: repeat-x;padding: 0 9px;letter-spacing: 0.01em;}
.bott_txt p.txt2 {font-size: 12px;font-weight: 300;color: #6b1686;margin: 30px 0 116px 0;line-height: 30px;}


.cont_sub.contact .inner .address1 {display: grid;justify-content: right;}
.cont_sub .address_wrap1 {width: 800px; margin: 0 auto;padding: 72px 0;}
.cont_sub .address_wrap1 .add_wrap .add_no {display: block;}

.cont_sub .address_wrap {padding: 0 70px;}
.cont_sub .add_wrap {width: 100%;text-align: center;margin-bottom: 55px;}
.cont_sub .add_wrap .add_tit {font-size: 20px; font-weight: 600; position: relative;}
.cont_sub .add_wrap .add_info {font-size: 15px; line-height: 26px;margin: 24px 0 24px;}
.cont_sub .add_wrap .add_no p {color: #767676;letter-spacing: 0.04em;line-height: 23px;}
.cont_sub hr {margin: 46px 0 100px 0; border: 0; height: 1px; background: #313131;}
.cont_sub iframe {margin-bottom: 218px;}

#portfolio section.portfolio {padding-top: 240px;}
section.portfolio .bott_txt {margin-top: 116px;}
.cont_sub.port_menu {padding-top: 145px;}
.cont_sub.port_menu a {font-size: 18px;margin: 0 27px;color: #6b6b6b;line-height: 47px;}
.cont_sub.port_menu a.cho {font-size: 18px; font-weight: 600; position: relative;color: #313131;}
.cont_sub.port_menu a.cho::before {content: ''; position:absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background: #313131;}
.cont_sub.port_menu ul {text-align: center;    margin-top: 76px;}


.cont_sub.port {padding-top: 180px;text-align: center;}
.port img {width: 100%;max-width: 1160px;}
.cont_sub.port .cont_tit {font-size: 15px;font-weight: 600;margin-top: 8px;}
.cont_sub.port ul.port_txt {padding: 30px 0 156px 0;}

/*
input {width: 57px; height: 57px;z-index: 50;border: 1px solid #313131;margin-top: 20px; background: url(../Img/back_bg.jpg)-58px -2px;border-radius: 100%;  right:72px;transition: .3; cursor: pointer;}
input:hover {background: url(../Img/back_bg.jpg)-1px -2px;border: 1px solid #6b1686; }
*/

/**/
span.btn {width: 100%;height: 53px;border-radius: 2px;background: #000;color: #fff;display: block;text-align: center; line-height: 53px;transition: .5s;cursor:pointer;}
span.btn:hover {background: #6eb92b;}
form.form-inline {width: 100%;}
.form-control {display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  margin: 10px 0;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
  margin-top: 10px !important;
}

.form-group { margin-bottom: 15px;}
.form-group label{margin-bottom: 10px}


/**/

footer {position: relative;}
footer .footer_wrap{background: #230a33;display: flex;justify-content: space-between;padding: 5% 11% 5% 11%;}
footer .footer_info {margin-right: 39px;}
footer .footer_info ul li {display: inline-block; float: left;width:33.33%;}
footer .footer_info ul li.info_add {width: 66.66%;margin-bottom: 40px;}
footer .footer_info ul p {color: #99869e;font-size: 12px;font-weight: 500;}
footer .footer_info ul p>span {color: #92cb60; font-size: 17px; font-weight: 800;}
footer .footer_info ul h2 {color: #fff;font-size: 15px;font-weight: 500;}

footer .footer_btn ul {height: 80%;display: inline-grid;}
footer .footer_btn ul li{border-radius: 2px;display: flex;justify-content: space-between;align-items: center;padding: 0 41px;width: 239px;height: 39px;transition: .5s;}
footer .footer_btn ul a:hover li {background: #6eb92b;}
footer .footer_btn ul a li p {font-size: 12px;font-weight: 600;transition: .5s;}
footer .footer_btn ul a .fo_btn01 {background: #6b1686;}
footer .footer_btn ul a .fo_btn01 p { color: #fff; }
footer .footer_btn ul a .fo_btn02 {background: #fff;}
footer .footer_btn ul a .fo_btn02 p {color: #230a33;}

#top_bt{width:10px;height:91px;background: url(../Img/top_btn.png);position:absolute;right:89px;bottom:50px;cursor:pointer;transition: .3s;}
#top_bt:hover{background: url(../Img/top_btn_on.png);}

.br_block {display: none;}

.fo_btn03_m {display: none;}

/* 반응형 */
@media (max-width:1640px){
  footer .footer_btn ul li a { width: 221px;}

  .cont_sub .table02_wrap {padding: 118px 15%;}
  .cont_sub .table02_wrap table.ceo_ta03 {width: 100%;}
  .cont_sub .table02_wrap table .br_none {display: none;}

}

@media (max-width:1440px){

/*
  .cont_sub .table02_wrap table {width: 100%;}
  .cont_sub .flex_wrap .flex_box {width: 100%;display: flex;padding: 56px 50px 9px 50px;margin-bottom: 20px;}
  ul.flex_box_cont01 {width: 40%;}
  ul.flex_box_cont02 {width: 60%;}*/
  .br_none01 {display: none;}

}

@media (max-width:1252px){
  footer .footer_info ul li {width: 100%; margin-bottom: 31px;}
  footer .footer_info ul li.info_add {width: 100%; margin-bottom: 31px;}
  footer .footer_btn ul {display: block;}
  footer .footer_btn ul li.fo_btn01.fo_btn { margin-bottom: 21px;}
  .left_menu {right: 28px;}
  .call_menu {right: 28px;}
  #top_bt {right: 46px;}

}

@media (max-width:1128px){
  .cont_sub .table_tit li.area {width: 228px;}

  section.section02 .flex_wrap{grid-template-columns: repeat(3,1fr)}


}
@media (max-width:988px){
  .call_menu {display:none;}
  .left_menu {display:none;}
  .fo_btn03_m {display: block;}
  .fo_btn01_m {display: none;}
  #top_bt { right: 38px;}
  .cont_sub .address_wrap1 {width: 100%;}

  .cont_sub .flex_wrap .flex_box {width: 100%;}
  .cont_sub .flex_wrap1 .flex_box {margin-bottom: 20px;}

}
@media (max-width:768px){
  .inner{width:100%; padding:0 4%; margin: 0 auto;}

  #portfolio section.portfolio {  padding-top: 125px;}

  .br_none01 {display:grid;}

  .cont_sub p.tit2 {  font-size: 15px;  font-weight: 500;  letter-spacing: -0.02em;}
  .cont_sub p.tit2 strong {  font-size: 15px;  font-weight: 500;  letter-spacing: -0.02em;}

  .cont_sub .table_box {flex-wrap: wrap;}
  .cont_sub .table_tit li {font-size: 20px;}
  .cont_sub .table_txt li span {padding-bottom: 5px; font-size: 19px;}
  .cont_sub ul.table_txt {padding-left: 42px;margin-top: -2px;}
  .br_none02 {display: none;}

  .cont_sub .table02_wrap {background: url(../Img/about_bg.jpg)left top / cover;}
  .bott_txt .txt2 {font-size: 34px;line-height: 47px;}

  .cont_sub .top_wrap ul:first-child {flex-wrap: wrap;}
  .cont_sub .top_wrap ul:last-child {height: 335px;background: url(../Img/about_img01.jpg)left center / cover;}

  .cont_sub .flex_wrap .flex_box {flex-wrap: wrap;padding: 40px 30px;text-align: center;}
  ul.flex_box_cont01 {width: 100%;}
  ul.flex_box_cont02 {width: 100%;}
  .cont_sub h2 {padding: 130px 0 35px 0;}
  .cont_sub p.big_tit {width: 100%; margin-top: 72px;}
  .br_block {display: block;}

  .left_menu {left: 14px;}


  .cont_sub .address_wrap {padding: 0;}
  .cont_sub .add_wrap {width: 100%;}
  .cont_sub .add_wrap .add_tit::before {top: -14px; left: 0;}

  .cont_sub iframe {  margin-bottom: 118px;}
  .cont_sub.port {  padding-top: 125px;  text-align: center;}

  .cont_sub {padding-top: 75px; }
  footer .footer_wrap {flex-wrap: wrap;}
  footer .footer_btn ul li{width: 100%;}
  .footer_btn {width: 100%;}

  section.section02 { margin-bottom: 64px;}
  footer .inner {padding: 0;}

  section.section01 {text-align: center;}

  header.header .toggle_menu .toggle_bg {width: 100%;}
  header.header .toggle_menu .toggle_info {margin-top: 201px;}
  header.header .toggle_menu .toggle_gnb {margin-top: 168px;}

  #top_bt {right: 14px;}
  section.section02 .flex_wrap{grid-template-columns: repeat(2,1fr);grid-gap: 10px;}
  section.section02 .flex_wrap .flex_box .cont_tit {font-size: 13px;font-weight: 600;margin-top: 10px;float: none;margin-right: 10px;}
  section.section02 .flex_wrap .flex_box .cont_txt {font-size: 12px;margin-top: 0px;}


}